<template>
    <div>
        <v-header />
        <v-sidebar />
        <div class="content-box" :class="{ 'content-collapse': collapse }">
            <div class="content">
                <router-view>
                </router-view>
            </div>
        </div>
    </div>
</template>
<script>
import { computed } from 'vue'
import vHeader from "../components/Header.vue";
import vSidebar from "../components/Sidebar.vue";
export default {
    components: {
        vHeader,
        vSidebar,
    },
    setup() {
        const collapse = computed(() => window.vue_store.value.collapse);
        return {
            collapse,
        };
    },
};
</script>
